<template>
  <div class="bgc">
    
    <router-link class="my" to="/Listing">列表歌单</router-link>&emsp;
    <router-link class="my" to="/loveSong">喜欢的歌单</router-link>&emsp;
    <router-link class="my" to="/Mysong">我的歌单</router-link>
    <router-view></router-view>
  </div>
</template>
<script>
export default {
  
}
</script>
<style lang="less" scoped>
 .bgc{
    background-color: #f6c08b;
    width: 500px;
    margin-top: 10px;
    .my{
        text-decoration: none;
        background-color: #f2a358;
        display: inline-block;
        width: 100px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        color: #fff;
        border-radius: 5px;
    }
 }
  
</style>